﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="renderer" content="webkit">
    <title>模版页</title>
    <link href="../../css/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="../../css/fonts/icomoon/style.css" rel="stylesheet" />
    <!--插件样式 begin-->
    <link href="../../plugins/swiper2/swiper.min.css" rel="stylesheet" />
    <link href="../../plugins/loading/loading.css" rel="stylesheet" />
    <!--插件样式 end-->
    <link href="../../css/layout/main.scss" rel="stylesheet" />
    <link href="../../css/layout/layout.scss " rel="stylesheet" />
    <link href="../../css/theme/default/style.scss" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="../../js/bootstrap/compatible/html5shiv.min.js"></script>
    <script src="../../js/bootstrap/compatible/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="index-container" data-struct="header footer">
        <header class="header">
            <div class="container">
                <link rel="import" href="../../component/header/header.html?__inline" />
            </div>
        </header>
        <nav class="container imk-nav">
            <link rel="import" href="../../component/nav/nav.html?__inline" />
        </nav>
        <div class="area">
            <div class="swiper-container index-slide">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image: url(/Content/LMS/images/slider1.jpg)"></div>
                    <div class="swiper-slide" style="background-image: url(/Content/LMS/images/slider1.jpg)"></div>
                    <div class="swiper-slide" style="background-image: url(/Content/LMS/images/slider1.jpg)"></div>
                </div>
            </div>
        </div>
        <main class="container">
            <div class="wrapper">
                <aside class="aside"></aside>
                <article class="content">
                    <div class="area">
                        <div class="row">
                            <div class="col-xs-9">
                                <table class="table table-bordered table-striped my-notice clear-margin">
                                    <tr>
                                        <td colspan="3" class="row">
                                            <span class="h4 text-theme">我的公告</span>
                                            <span class="pull-right">
                                                <a href="javascript:;" class="btn-prev glyphicon glyphicon-menu-left disabled"></a>
                                                <a href="javascript:;" class="btn-next glyphicon glyphicon-menu-right"></a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                    <tr>
                                        <td>捷豹路虎经销商DMS售后服务顾问课堂培训</td>
                                        <td class="text-center">2016/3/12 11:04</td>
                                        <td class="text-center">培训公告</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-xs-3">
                                <div class="panel panel-default learning-progress">
                                    <div class="panel-heading">
                                        <span class="h4 text-theme">我的学习进度</span>
                                    </div>
                                    <div class="panel-body text-center">
                                        <p>
                                            <span>当前课程</span>
                                            <span class="h2 col-xs-offset-1">50</span>
                                        </p>
                                        <p>
                                            <span>考试总数</span>
                                            <span class="h2 col-xs-offset-1">42</span>
                                        </p>
                                        <p style="margin-bottom: 15px;">
                                            <span>问卷总数</span>
                                            <span class="h2 col-xs-offset-1">21</span>
                                        </p>
                                        <button type="button" class="btn btn-theme btn-block">
                                            <i class="icomoon icon-books"></i>
                                            课程学习进度
                                        </button>
                                        <button type="button" class="btn btn-theme btn-block">
                                            <i class="icomoon icon-pen"></i>
                                            我的在线考试
                                        </button>
                                        <button type="button" class="btn btn-theme btn-block">
                                            <i class="icomoon icon-line-chart"></i>
                                            我的在线调研
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="area">
                        <h4 class="text-theme">我的课程</h4>
                        <ul class="row list-unstyled list-course">
                            <li class="col-xs-3">
                                <div class="course required">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled text-gray-lighter">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course required">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="col-xs-3">
                                <div class="course">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/course-cover.jpg);"></div>
                                    <div class="info">
                                        <h5 class="strong">销售智库视频培训</h5>
                                        <ul class="list-unstyled">
                                            <li>所属分类：服务</li>
                                            <li>创建时间：2016/04/01 11:08</li>
                                            <li>课程学时：27分钟</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="text-center">
                            <ul class="pagination">
                                <li class="disabled"><a href="javascript:;">首页</a></li>
                                <li class="disabled"><a href="javascript:;">上一页</a></li>
                                <li class="active"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">2</a></li>
                                <li><a href="javascript:;">3</a></li>
                                <li><a href="javascript:;">4</a></li>
                                <li><a href="javascript:;">5</a></li>
                                <li><a href="javascript:;">下一页</a></li>
                                <li><a href="javascript:;">尾页</a></li>
                            </ul>
                        </div>
                    </div>
                </article>
            </div>
        </main>
        <footer class="footer">
            <link rel="import" href="../../component/footer/footer.html?__inline" />
        </footer>
        <div class="right-side">
            <ul class="list-unstyled clear-margin-bottom">
                <li>
                    <a href="javascript:;"><img src="../../images/QRcode.jpg" /></a>
                </li>
                <li id="backToTop">
                    <a href="javascript:;" class="icon-back-to-top"></a>
                </li>
            </ul>
        </div>
    </div>
    <div id="myModal" class="modal middle fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>One fine body...</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Save</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/bootstrap/bootstrap.js"></script>
    <script src="../../plugins/swiper2/swiper.jquery.min.js"></script>
    <!--<script src="../../js/react/react.min.js"></script>-->
    <!--<script src="../../js/react/react-dom.min.js"></script>-->
    <!--<script src="../../component/react/dropdown.jsx"></script>-->
    <script src="../../plugins/loading/loading.jquery.js"></script>
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {
            var mySwiper = new Swiper(".swiper-container", {
                loop: true,
                speed: 1000,
                autoplay: 3000,
                autoplayDisableOnInteraction: false
            });
            Global.BackToTop("#backToTop", {
                scrollTop: 50
            });
        })
    </script>
</body>
</html>